html, body { overflow-x: hidden; font-family: 微软雅黑;}

.bar-nav { background-color: #20b186; }
.content { background-color: #f1f1f1; }
.title { color: white; }
.banner img { width: 100%; display: block }
div,img { padding: 0; margin: 0 }
.fix:after { display: table; content: ''; clear: both; }
.bg_white { background: none repeat scroll 0 0 #ffffff; }
.content-padding{padding:0 0.5rem;}
.ui-border-a {
    border-bottom: 1px solid #ebebeb;
}
.ui-border-b {
    border-right: 1px solid #ebebeb;
	 height:2.7rem; margin-top:0.7rem;
	
}
.index-list  .list-block  .media-list{ padding:0}
.index-list .list-block ul { background-color: #f1f1f1 }
.index-list .list-block li { background-color: #fff; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb }
.index-list .ui-border-a .item-title { color: #000; margin-top: 1rem; }
.index-list  .list-block .item-inner::after { padding: 0; background-color:#fff }
.index-list .list-block.media-list .item-inner{padding: 0; }
.index-list  .index-ul .item-subtitle .red { background-color: #ff4463; border-radius: 0.2rem; color: #fff; font-size: 0.6rem; font-weight: bold; padding: 0.2rem 0.4rem; text-align: center; display: inline-block; margin-top: 0.5rem; margin-bottom: 1rem }
.index-list .item-subtitle .blue { background-color: #4db6cc; border-radius: 0.2rem; color: #fff; font-size: 0.6rem; font-weight: bold; padding: 0.2rem 0.4rem; text-align: center; margin-left: 0.5rem; display: inline-block }
.index-list li { margin: 1rem 0 }
.index-list .list-block { margin: 0 }
.index-list .box01  { width:3.6rem; float:left;  }
.index-list .box03  {  margin-top:0.7rem  }
.index-list .box02 { width:8.6rem;    float:left; padding:0.6rem}

.index-list .box01 .item-title{ font-size:0.45rem; color:#ee3c2a; margin-top: 0}
.index-list .box02 .item-title{ font-size:0.6rem; color:#ee3c2a; margin-top: 0}
.index-list .box02 .item-after{ font-size:0.6rem; color:#ee3c2a; margin-top: 0}
.index-list .box01 .item-title span { font-size:1.8rem; }
.index-list .box01 .item-subtitle{ font-size:0.45rem; color:#999}
.list_circle {
    background: #21b286 none repeat scroll 0 0;
    border-radius: 50%;
    height: 2.5rem;
 
  
    position: relative;
    width:2.5rem;
}
.list_pie_left, .list_pie_right {
    height: 2.5rem;
    position: absolute;
    width:2.5rem;
}
.list_left, .list_right {
    background: #b6b6b6 none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    height: 2.5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.5rem;
}
.list_left, .list_right {
    background: #b6b6b6 none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    height: 2.5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.5rem;
}
.list_pie_right, .list_right {
    clip: rect(0px, auto, auto, 1.25rem);
}
.list_pie_left, .list_left {
    clip: rect(0px, 1.25rem, auto, 0px);
}
.list_mask {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    font-size: 0.6rem;
    height: 2.1rem;
    left: 0.2rem;
    line-height: 2rem;
    position: absolute;
    text-align: center;
    top: 0.2rem;
    width: 2.1rem;
}
.bar-tab .tab-item.active, .bar-tab .tab-item:active {
    color: #20b186;
}

